<template>
  <div class="child">
    <h2>我是 Child 组件 {{ x }}</h2>
    <h3>当前求和为: {{ sum }}</h3>
    <h4 v-beauty="sum">好开心</h4>
    <Hello />
  </div>
</template>

<script setup lang="ts" name="Child">
/**
 * @name: Child
 * @author: chuanshen
 * @date: 2024-08
 */
import { ref } from 'vue';

let sum = ref(0)

</script>

<style scoped>
.child {
	background-color: skyblue;
	border-radius: 10px;
	padding: 10px;
	box-shadow: 0 0 10px;
}
</style>